<template>
  <el-dialog
    :title="title"
    :visible.sync="openState"
    :close-on-click-modal="false"
    width="900px"
    append-to-body
    :before-close="handleClose"
  >
    <el-form ref="formData" :model="formData" label-width="110px">
      <!-- 国库资金划拨附加域明细 -->

      <el-row>
        <el-col :span="12">
          <el-form-item label="征收机关大类代码" prop="organCode">
            <el-input v-model="formData.organCode" placeholder="" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="预算科目代码" prop="subjectCode">
            <el-input v-model="formData.subjectCode" placeholder="" disabled />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="发生额货币种类" prop="accrualCurKind">
            <el-input v-model="formData.accrualCurKind" placeholder="" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="发生额" prop="accrual">
            <el-input v-model="formData.accrual" placeholder="" disabled />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  name: "nationDetailDialog",
  data() {
    return {
      title: "",
      openState: false, // 是否显示弹出层
      formData: {
        organCode: "1111111111", // 征收机关大类代码
        subjectCode: "123123", // 预算科目代码
        accrualCurKind: "CNY", // 发生额货币种类
        accrual: "66666", // 发生额
      },
    };
  },

  methods: {
    handleClose(done) {
      this.openState = false;
    },

    show() {
      console.log("show");
      this.title = "国库资金划拨附加域明细";
      this.openState = true;
    },

    // 关闭
    close() {
      this.openState = false;
    },
  },
};
</script>

<style scoped>
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000000 !important;
}
.menu-tool-btn {
  width: 24px;
  height: 24px;
}

.menu-tree {
  height: 5%;
  margin-top: -5px;
  margin-left: 90%;
  font-size: 28px;
}
.block {
  float: right;
}
</style>
